<template>
	<view class="content">
		<view class="title">{{content.title}}</view>
		<view class="text">{{content.text}}</view>
		<moment-imagebox :imageList="content.imageList"></moment-imagebox>
	</view>
</template>

<script setup>
	defineProps(["content"]);
</script>

<style lang="scss" scoped>
	.content{
		padding: 10rpx;
		margin: 10rpx;
		border-radius: 20rpx;
		
		.title {
			margin: 5rpx;
			padding: 5rpx;
			font-size: 40rpx;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #E09AB5;
		}
		
		.text {
			margin: 5rpx;
			padding: 5rpx;
			font-size: 30rpx;
			line-height: 1.5;
		}
	}
</style>